<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/css/style.css" type="text/css" />
<link rel="stylesheet" href="/js/jquery.fancybox-1.3.4.css"
	type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:700'
	rel='stylesheet' type='text/css' />
<!--[if lt IE 10]>
		<script type="text/javascript" src="js/PIE.js"></script>
	<![endif]-->
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript" src="/js/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript" src="/js/jquery.mousewheel-3.0.4.pack.js"></script>

<script src="js/main.js" type="text/javascript"></script>
<script type="text/javascript">
		$(document).ready(function() {
			$('.detail .border_img').fancybox({
				'transitionIn'	:	'elastic',
				'transitionOut'	:	'elastic',
				'speedIn'		:	600, 
				'speedOut'		:	200, 
				'overlayShow'	:	false
			});
		});
	</script>
<title></title>
</head>
<body>
	<!-- Login_form -->
	<div class="log_hide">
		<div class="log_hide_inner">
			<div class="center">
				<div class="login_container">
					<div class="login_name">
						<span><label for="login_name">Username:</label></span> <span><input
							type="text" value="" id="login_name" /></span> <span><label><input
								type="checkbox" value="" id="checkbox" /></label> Remember me</span>
					</div>
					<div class="login_pass">
						<span><label for="login_name">Password:</label></span> <span><input
							type="password" value="" id="password" /></span> <span><a
							href="#">Forgot password?</a></span>

					</div>
					<div class="login_submit">
						<input type="submit" value="Login" />
					</div>
					<div class="clearb"></div>
				</div>
				<a href="#" class="log"></a>
			</div>
		</div>
	</div>
	<!-- Login_form_END -->

	<!-- Header -->
	<div class="center">
		<div class="header">
			<a class="logo" href="index.html"><img src=/img/logo.png " alt="" /></a>
			<div class="slogan">
				Creative<br />Wordpress Theme
			</div>
			<div class="search">
				<div class="search_wrap">
					<input class="search_in" value="Search" /> <a href="#"
						class="lupa"><img src=/img/search.png " alt="" /></a>
				</div>
			</div>
		</div>
	</div>
	<!-- Header END -->

	<!-- Menu -->
	<div class="center_wrap texturized">
		<div class="texturized_top">&nbsp;</div>
		<div class="center">
			<div class="menu">
				<div class="menu_inner">
					<ul>
						<li class="page-item"><a href="index.html"
							class="border_right_radius10">Home</a>
							<ul class="children">
								<li class="page_item"><a title="" href="index.html">Coin
										Slider</a></li>
								<li class="page_item"><a title="" href="index_2.html">Slide
										Out</a></li>
								<li class="page_item"><a title="" href="index_3.html">Advanced
										Slider</a></li>
								<li class="page_item"><a title="" href="index_4.html">Bonus
										Slider1</a></li>
								<li class="page_item"><a title="" href="index_5.html">Bonus
										Slider2</a></li>
							</ul></li>
						<li class="page-item"><a href="about.html">About Company</a>
						</li>
						<li class="page-item"><a href="services.html">Services</a></li>
						<li class="page-item current_page_item"><a
							href="portfolio_1.html">Portfolio</a>
							<ul class="children">
								<li class="page_item"><a title="" href="portfolio_1.html">With
										description</a>
									<ul class="children">
										<li class="page_item"><a title="" href="portfolio_1.html">1
												Column Portfolio</a></li>
										<li class="page_item"><a title="" href="portfolio_2.html">2
												Column Portfolio</a></li>
										<li class="page_item"><a title="" href="portfolio_3.html">3
												Column Portfolio</a></li>
										<li class="page_item"><a title="" href="portfolio_4.html">4
												Column Portfolio</a></li>
									</ul></li>
								<li class="page_item"><a title=""
									href="portfolio_detail.html">Detailed Portfolio</a></li>
							</ul></li>
						<li class="page-item"><a href="page_404.html">Pages</a>
							<ul class="children">
								<li class="page_item"><a title="" href="page_404.html">404
										page</a></li>
								<li class="page_item"><a title=""
									href="underconstruction.html">Underconstruction Page</a></li>
								<li class="page_item"><a title="" href="page_column.html">Column
										Layout</a></li>
								<li class="page_item"><a title=""
									href="page_typography.html">Typography</a></li>
								<li class="page_item"><a title="" href="page_slider.html">Slider</a></li>
								<li class="page_item"><a title="" href="page_gallery.html">Gallery</a></li>
								<li class="page_item"><a title="" href="page_misc.html">Miscellaneous</a></li>
								<li class="page_item"><a title=""
									href="page_pricing%20table.html">Pricing table</a></li>
							</ul></li>
						<li class="page-item"><a href="blog.html">Blog</a></li>
						<li class="page-item"><a href="contact.html">Contacts</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="texturized_bottom">&nbsp;</div>
	</div>
	<!-- Menu END -->

	<!-- Content -->
	<div class="center_wrap texturized">
		<div class="texturized_top">&nbsp;</div>
		<div class="center">
			<div class="inner">
				<div class="portfolio_first">
					<!-- Portfolio Heading and categories -->
					<div class="portfolio">
						<h3>Our Portfolio</h3>
						<div class="portfolio_category">
							<a class="the_button active" href="#">All</a> 
							<a class="the_button" href="#">Web</a> 
							<a class="the_button" href="#">Print</a> 
							<a class="the_button" href="#">Video</a>
						</div>
					</div>
					<!-- Portfolio Heading and categories END -->
					<!-- Portfolio item -->
					<div class="detail">
						<a class="border_img image_shadow300" href="/img/1.jpg"><img
							src="/img/1.jpg" alt="" /></a>
						<div class="descr_outer">
							<h3 class="heading">Project Details</h3>
							<div class="descr">
								<p>Lorem ipsum dolor sit amet, cons ectetut, sed diam
									nonummy nibh euismd tincid.nt ut laoreet dolore magna aliquam
									erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
									exerci tation ullamcorper suscipit lobortis nisl ut aliqp ex ea
									commodo consequat. Duis autem vel eum iriure.</p>
								<a href="#" class="the_button">More Details</a>
							</div>
							<!-- Portfolio item description list -->
							<div class="descr_list">
								<ul>
									<li><a href="#" class="list_portfolio">Website design
											&amp; development</a></li>
									<li><a href="#" class="list_portfolio">Information
											architecture</a></li>
									<li><a href="#" class="list_portfolio">Logo &amp;
											Identity design</a></li>
									<li><a href="#" class="list_portfolio">Usability
											consultation</a></li>
									<li><a href="#" class="list_portfolio">Video creation</a></li>
								</ul>
							</div>
							<!-- Portfolio item description END -->

						</div>
					</div>
					<!-- Portfolio item END -->
				</div>
			</div>
		</div>
	</div>
	</div>
	</div>
	</div>
	<div class="texturized_bottom">&nbsp;</div>
	</div>
	<!-- Content END -->


	<div class="find_dash"></div>
	<!-- Find block -->
	<div class="find">
		<div class="center">
			<span class="find_us">Find us elsewhere:</span> <a href="#"
				class="find_img"><img src=/img/f_1.jpg " alt="" /></a> <a href="#"
				class="find_img"><img src=/img/f_2.jpg " alt="" /></a> <a href="#"
				class="find_img"><img src=/img/f_3.jpg " alt="" /></a> <a href="#"
				class="find_img"><img src=/img/f_4.jpg " alt="" /></a> <a href="#"
				class="find_img"><img src=/img/f_5.jpg " alt="" /></a>
		</div>
	</div>
	<!-- Find block END -->

	<!-- Widget area -->
	<div class="wigets">
		<div class="center">
			<div class="posts">
				<div class="post">
					<h3>Recent Posts</h3>
					<a href="#" class="border_wiget_img"><img class="wiget_img"
						src=/img/wiget_img.jpg " alt="" /></a> <a href="#"
						class="title_wiget">Lorem Ipsum Dolor</a>
					<p>Diam nonummy nibh euidunt ut laoreet dolore magna aliquam
						erat volutpat. Lorem Ipsum oloriam nonummy nibeuisod tit dolore
						magna...</p>
				</div>
				<div class="post">
					<a href="#" class="border_wiget_img"><img class="wiget_img"
						src=/img/wiget_img2.jpg " alt="" /></a> <a href="#"
						class="title_wiget">Lorem Ipsum Dolor</a>
					<p>Diam nonummy nibh euidunt ut laoreet dolore magna aliquam
						erat volutpat. Lorem Ipsum oloriam nonummy nibeuisod tit dolore
						magna...</p>
				</div>
			</div>
			<div class="categories">
				<h3>Categories</h3>
				<ul>
					<li class="first"><a href="#">Documentation</a></li>
					<li><a href="#">Plugins</a></li>
					<li><a href="#">Suggest Ideas</a></li>
					<li><a href="#">Support Forum</a></li>
					<li><a href="#">Themes</a></li>
					<li><a href="#">WordPress Blog</a></li>
					<li class="last"><a href="#">WordPress Planet</a></li>
				</ul>
			</div>
			<div class="tweets">
				<h3>Recent Tweets</h3>
				<div class="tweet">
					<div class="tweet_top"></div>
					<div class="tweet_bg">
						<p>
							<a class="tweet_name" href="#">@twittername </a> Lorem ipsum
							olorsit amconsectetuer adipi scing elitsed diamn...
						</p>
					</div>
					<div class="tweet_bottom"></div>
				</div>
				<div class="tweet">
					<div class="tweet_top"></div>
					<div class="tweet_bg">
						<p>
							<a class="tweet_name" href="#">@twittername </a> Lorem ipsum
							olorsit amconsectetuer adipi scing elitsed diamn...
						</p>
					</div>
					<div class="tweet_bottom"></div>
				</div>
			</div>
			<div class="contact">
				<h3>Contact Us</h3>
				<form action="#">
					<div class="input_l">
						<input name="nick" type="text" value="Name" class="input" />
					</div>
					<div class="input_l">
						<input name="mail" type="text" value="Email" class="input" />
					</div>
					<table class="textarea_table">
						<tr>
							<td class="textarea_tl"></td>
							<td class="textarea_t"></td>
							<td class="textarea_tr"></td>
						</tr>
						<tr>
							<td class="textarea_l"></td>
							<td class="textarea_c"><textarea name="comment"
									class="textarea" rows="10" cols="10">Message</textarea></td>
							<td class="textarea_r"></td>
						</tr>
						<tr>
							<td class="textarea_bl"></td>
							<td class="textarea_b"></td>
							<td class="textarea_br"></td>
						</tr>
					</table>
					<input type="submit" value="Send Message" class="send_msg" />
				</form>
			</div>
			<div class="clearb"></div>
		</div>

	</div>
	<!-- Widget area END -->

	<!-- Footer -->
	<div class="footer">
		<div class="center">
			<p class="foot">&copy; 2010 Curio. All Rights Reserved. Powered
				by WordPress.</p>
		</div>
	</div>
	<!-- Footer END -->
</body>

</html>
